import React from 'react';
// import { setStyle, getDefaultContainer } from './utils';

// position fixed 方案
const AnchorPart = ({ children, container, ...props }) => {
    // const { fixedTop, floatStyle = {}, normalStyle = {} } = props;
    const ref = React.useRef();
    // const paramRef = React.useRef();
    // const referDom = container || getDefaultContainer(ref.current);

    // const scrollHandler = (e, initScroll) => {
    //     const { scrollTop } = initScroll ?? e.target;
    //     const targetDom = ref.current;
    //     // 阈值
    //     if (!paramRef.current.thresholdTop) {
    //         paramRef.current.thresholdTop =
    //             targetDom.getBoundingClientRect().top - referDom.getBoundingClientRect().top;
    //     }
    //     // 浮动后保持宽度
    //     if (!paramRef.current.width) {
    //         paramRef.current.width = targetDom.offsetWidth;
    //     }
    //     if (scrollTop > paramRef.current.thresholdTop) {
    //         setStyle(targetDom, {
    //             top: `${fixedTop}px`,
    //             position: 'fixed',
    //             width: `${paramRef.current.width}px`,
    //             boxShadow: '0px 0px 5px #eee',
    //             ...floatStyle
    //         });
    //     } else {
    //         setStyle(targetDom, {
    //             top: 0,
    //             position: 'static',
    //             width: 'auto',
    //             boxShadow: 'none',
    //             ...normalStyle
    //         });
    //     }
    // };
    // const resizeHandler = () => {
    //     paramRef.current = {};
    //     // 可优化？
    //     referDom.scrollTo(0, 0);
    //     scrollHandler(null, 0);
    // };
    // React.useEffect(() => {
    //     if (referDom) {
    //         paramRef.current = {};
    //         referDom.addEventListener('scroll', scrollHandler);
    //         window.addEventListener('resize', resizeHandler);
    //     }
    //     return () => {
    //         if (referDom) {
    //             referDom.removeEventListener('scroll', scrollHandler);
    //             window.removeEventListener('resize', resizeHandler);
    //         }
    //     };
    // }, [referDom]);
    return (
        <div ref={ref} {...props}>
            {children}
        </div>
    );
};

export default AnchorPart;
